﻿<phone:PhoneApplicationPage 
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
	xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
	xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	xmlns:local="clr-namespace:MyUtility"
	mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800"
	x:Class="MyUtility.ProfilePage"
	SupportedOrientations="Portrait" Orientation="Portrait"
	shell:SystemTray.IsVisible="False">

	<phone:PhoneApplicationPage.Resources>
		<local:Int2DayConverter x:Key="Int2DayConverter"/>
	</phone:PhoneApplicationPage.Resources>
	<phone:PhoneApplicationPage.Foreground>
		<StaticResource ResourceKey="PhoneForegroundBrush"/>
	</phone:PhoneApplicationPage.Foreground>

	<!--LayoutRoot contains the root grid where all other page content is placed-->
	<Grid x:Name="LayoutRoot">
		<controls:Panorama Title="Profile">
			<controls:Panorama.Background>
				<ImageBrush Stretch="UniformToFill" ImageSource="/Images/pano.jpg"/>
			</controls:Panorama.Background>

			<!--Panorama item one-->
			<controls:PanoramaItem Header="Contact">
				<StackPanel Background="#7F000000">
					<TextBlock TextWrapping="Wrap" Margin="10,0,0,0" FontFamily="/MyUtility;component/Fonts/Fonts.zip#TH Sarabun New" FontSize="26.667"><Run Text="ชื่อ"/><Run Text="-"/><Run Text="สกุล"/></TextBlock>
					<TextBox TextWrapping="Wrap" Text="พงศกร ภูแสนคำ (น้ำ ฉนั้น ตั้ง วิญญู)" FontFamily="/MyUtility;component/Fonts/Fonts.zip#TH Sarabun New" FontSize="26.667" InputScope="PersonalFullName"/>
					<TextBlock TextWrapping="Wrap" Text="เบอร์โทรศัพท์" Margin="10,0,0,0" FontSize="26.667" FontFamily="/MyUtility;component/Fonts/Fonts.zip#TH Sarabun New"/>
					<TextBox TextWrapping="Wrap" FontFamily="/MyUtility;component/Fonts/Fonts.zip#TH Sarabun New" FontSize="26.667" InputScope="TelephoneNumber"/>
					<TextBlock TextWrapping="Wrap" Text="อีเมล" Margin="10,0,0,0" FontFamily="/MyUtility;component/Fonts/Fonts.zip#TH Sarabun New" FontSize="26.667"/>
					<TextBox TextWrapping="Wrap" InputScope="EmailUserName"/>
					<TextBlock TextWrapping="Wrap" Text="ที่อยู่" Margin="10,0,0,0" FontFamily="/MyUtility;component/Fonts/Fonts.zip#TH Sarabun New" FontSize="26.667"/>
					<TextBox TextWrapping="Wrap" InputScope="Chat" Height="126"/>
				</StackPanel>
			</controls:PanoramaItem>

			<!--Panorama item two-->
			<controls:PanoramaItem Header="Social">
				<StackPanel Background="#7F000000">
					<TextBlock TextWrapping="Wrap" Text="Login FB"/>
					<TextBlock TextWrapping="Wrap" Text="User Name" Margin="10,20,0,0"/>
					<TextBox TextWrapping="Wrap"/>
					<TextBlock TextWrapping="Wrap" Text="Password" Margin="10,20,0,0"/>
					<PasswordBox/>
				</StackPanel>
			</controls:PanoramaItem>
			
			<controls:PanoramaItem Header="Birth Day">
				<StackPanel Background="#7F000000">
					<TextBlock TextWrapping="Wrap" Text="Your Birth Day"/>
					<Slider x:Name="mySlider" Margin="0,43,0,0" Maximum="7" SmallChange="1"/>
					<TextBox x:Name="myText" TextWrapping="Wrap" Text="{Binding Value, Converter={StaticResource Int2DayConverter}, ElementName=mySlider, Mode=TwoWay}"/>
				</StackPanel>
			</controls:PanoramaItem>
			
			<controls:PanoramaItem Header="Fruit?">
				<StackPanel Background="#7F000000">
					<RadioButton x:Name="rd01" GroupName="fruit" IsChecked="True">
						<StackPanel Orientation="Horizontal">
							<Image Width="80" Height="80" Source="Images/480x800.jpg"/>
							<Image Margin="20,0,0,0" Width="80" Height="80" Source="Images/480x800.jpg"/>
						</StackPanel>
					</RadioButton>
					<RadioButton x:Name="rd02" Content="มะม่วง" GroupName="fruit"/>
					<RadioButton x:Name="rd03" Content="แตงโม" GroupName="fruit"/>
					<RadioButton x:Name="rd04" Content="มะพร้าว" GroupName="fruit"/>
					<StackPanel Height="100" Orientation="Horizontal">
						<CheckBox x:Name="chk01" Checked="chk01_Checked" >
							<StackPanel Orientation="Horizontal">
								<Image Width="80" Height="80" Source="Images/480x800.jpg"/>
								<Image Margin="20,0,0,0" Width="80" Height="80" 
										Source="Images/480x800.jpg"/>
							</StackPanel>
						</CheckBox>
						<CheckBox x:Name="chk02" Checked="chk02_Checked">
							<MediaElement x:Name="mySampleVideo" AutoPlay="False" Source="Videos/wp7.wmv" Width="80" Height="80"/>
						</CheckBox>
					</StackPanel>
					<StackPanel Height="100" Orientation="Horizontal" HorizontalAlignment="Center">
						<Button x:Name="bnt01" Content="ยืนยัน" HorizontalAlignment="Center" Click="bnt01_Click"/>
						<Button x:Name="bnt02" Content="ยกเลิก"/>
					</StackPanel>
				</StackPanel>
			</controls:PanoramaItem>
			<controls:PanoramaItem Header="Fav List">
				<Grid Background="#7F000000">
					<Grid.RowDefinitions>
						<RowDefinition Height="0.807*"/>
						<RowDefinition Height="0.193*"/>
					</Grid.RowDefinitions>
					<StackPanel Grid.Row="1" Orientation="Horizontal" HorizontalAlignment="Center">
						<Button x:Name="bntList01" Content="Add" Click="bntList01_Click"/>
						<Button x:Name="bntList02" Content="Load"/>
					</StackPanel>
					<ListBox x:Name="myListBox" VerticalAlignment="Stretch"
							HorizontalAlignment="Stretch" SelectionChanged="myListBox_SelectionChanged"
					>
						<ListBoxItem FontSize="30" Content="AAAAAAAAAA"/>
						<ListBoxItem>
							<StackPanel Orientation="Horizontal">
								<Image Width="80" Height="80" Source="Images/480x800.jpg"/>
								<Image Margin="20,0,0,0" Width="80" Height="80" 
										Source="Images/480x800.jpg"/>
							</StackPanel>
						</ListBoxItem>
						<ListBoxItem>
							<MediaElement AutoPlay="True" Source="Videos/wp7.wmv" Width="80" Height="80"/>
						</ListBoxItem>
					</ListBox>
				</Grid>
			</controls:PanoramaItem>
			
		</controls:Panorama>
	</Grid>
</phone:PhoneApplicationPage>